<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<svg height="500" xmlns="http://www.w3.org/2000/svg">  
		    <line x1="0" y1="50" x2="150" y2="50" style="stroke:green;stroke-width:2"/>
			<line x1="75" y1="0" x2="75" y2="100" style="stroke:pink;stroke-width:2"/>
		</svg>
		<svg height="500" xmlns="http://www.w3.org/2000/svg">
			<polyline points="98,1 40,180 189,60 10,60 160,180" style="fill:red;stroke: red;stroke-width:2" />
		</svg>
		<svg  height="500" xmlns="http://www.w3.org/2000/svg">
		    <circle cx="40" cy="60" r="40" fill="blue" />
			<circle cx="60" cy="80" r="40" fill="yellow" />
		</svg>
		<svg width="300px" height="300px" xmlns="http://www.w3.org/2000/svg">
		    <path d="M30 300
			L 110 215
			A 25 50 0 0 1 162.55 162.45
			L 172.55 152.45
			A 25 50 -45 0 1 215.1 109.9
			L 315 10" stroke="black" fill="pink" stroke-width="3" fill-opacity="0.5"
			 />
		</svg>
	</body>
</html>